<template>
  <div id="HomeBanner">
    <van-swipe :autoplay="2000" lazy-render>
      <van-swipe-item v-for="item in BannerImg" :key="item.banner_id">
        <img :src="item.image" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  name: "HomeBanner",
  props: ["BannerImg"],
  mounted() {
    // console.log(this.BannerImg);
  },
};
</script>

<style lang="scss" scoped>
#HomeBanner {
  margin-top: 3.75rem;
  .van-swipe {
    .van-swipe-item {
      img {
        width: 100%;
        height: 10.625rem;
      }
    }
  }
}
</style>